<template>
  <div id="app" class="h-100vh pattern-vertical-lines-lg gray-lighter bg-white">
    <!-- <div class="pattern-checks-sm bg-blue white">...</div> -->
    <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
    <HelloWorld msg="云微科技"/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

<style>
* {
  padding: 0;
  margin: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

.h-100vh {
    height: 100vh !important;
}

.gray-lighter, .hover-gray-lighter:hover {
    color: #E4E8EB !important;
}

.bg-white, .hover-bg-white:hover {
    background-color: #fff !important;
}
</style>
